<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<input type="text" id="info"/>
		<br/>
		<button onclick="onSaveClick()">保存数据</button>
		<br/>
		<button onclick="onLoadClick()">获取数据</button>
		<script>
			//localStorage数据是永久保存的，无论浏览器关闭，还是电脑重启，数据只要不手动删除，则一直都在。
			//sessionStorage数据是临时存储的，浏览器关闭，电脑重启等操作都会导致数据消失。
			//二者的使用和map一致。
			//二者都是可以跨页面操作的。
			//数据是基于网站域名绑定的。
			function onSaveClick(){
				// localStorage.setItem("aaa",document.getElementById("info").value);
				sessionStorage.setItem("aaa",document.getElementById("info").value);
			}
		
			function onLoadClick(){
				// document.getElementById("info").value=localStorage.getItem("aaa");
				document.getElementById("info").value=sessionStorage.getItem("aaa");
			}
		</script>
	</body>
</html>